.slider{
    position: relative;
    padding: 0 24px;
    overflow: hidden;
    .sliderContent{
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        height: 44px;
        margin: 0 auto;
        .sliderItem{
            text-align: center;
            border: 1px solid #f0f0f0;
            background: #fafafa;
            display: inline-block;
            width:100px;
            padding: 10px 0px;
            margin: 0 10px;
            cursor: pointer;
            border-radius: 4px;
            transition-property: color , border; 
            transition-duration:.5s , .5s;
        }
        .action{
            background: #fff;
            color: #1890FF;
            border:1px solid #1890FF;
        }
        .sliderItem:hover{
            border:1px solid #1890FF;
            color:  #1890FF;
        }
    }
    .leftIcon{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .rightIcon{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
}